<script setup>
import { getCurrentInstance } from "vue";
import { loadGame } from '@/utils/lcd_next';

const { proxy } = getCurrentInstance();
</script>
<template>
<ul class="bbk-games-list">
  <li class="bbk-games-list__item" v-for="item in proxy.$gamesStore.games" :key="item.path" @click="loadGame(item)">{{ item.title }}</li>
</ul>
</template>
<style lang="less">
.bbk-games-list {
  height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
  &__item {
    padding: 8px;
    border-bottom: 1px solid #909090;
    cursor: pointer;
    &:hover {
      background: #fefefe;
    }
  }
}
</style>
